﻿<!DOCTYPE HTML>
<html>
<head>
	<meta charset="utf-8">
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
	<title>项目测试</title>
	<style type="text/css">
		#out { width: 1000px; height: 100vh; }
		button { padding: 5px 10px; background: #0088CC; border: 0; color: #FFFFFF; cursor: pointer; }
		button:hover { background: #00b7ee; }
		.apibody { margin-top: 10px; width: 900px; min-height: 100px; background: #E8E8E8; }
		#itemList, #itemUserList { width: 450px; float: left; }
		#treeList { width: 200px; height: 500px; overflow-x: hidden; overflow-y: auto; float: left; }
		.item-li { padding: 5px 10px; color: #0088cc; cursor: pointer; }
		.item-li:hover { color: #00b7ee; }
		#detail { margin-left: 10px; width: 700px; height: 500px; float: left; }
	</style>
</head>
<body>
<div id="out">
	<!--项目列表-->
	<div style="width: 100%; clear: both;">
		<button onclick="toUpload();">模板页面上传</button>
		<button onclick="toDoc();">模板接口文档</button>
		<button onclick="saveFile();">保存当前编辑的文件</button>
		<button onclick="exportItem();">导出当前编辑的项目</button>
		<span id="down"></span>
	</div>
	<div class="apibody" id="itemList"></div>
	<div class="apibody" id="itemUserList" style="margin-left: 10px;"></div>

	<!--左侧树-->
	<div class="apibody" id="treeList"></div>
	<!--右侧编辑器-->
	<!--<textarea class="apibody" id="detail"></textarea>-->
	<div class="apibody" id="detail"></div>
</div>
</body>
</html>


<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="item_tmp.js"></script>
<script type="text/javascript">
	var domain = '/api/admin';
	var fid = 0, itemid = 0; //当前文件ID，当前项目ID
	(function(){
		getTmpList();
		getUserItemList();
	})();
</script>